
<template >
    <view class="guess sk-pseudo sk-pseudo-circle" style="background: rgba(0,0,0,0.02);">
      <navigator class="guess-item">
        <view style="position:relative">
          <image class="image sk-image" mode="aspectFill" style="position:absolute;z-index:999"></image>
          <image class="image sk-image" mode="aspectFill"></image>
        </view>
        <view class="matron_text">
          <view class="text_grip" style="width:70%">
            <view class="matron_name sk-transparent sk-text-14-2857-868 sk-text">何章琼</view>
            <view class="matron_label sk-transparent sk-text-16-6667-755 sk-text" style="background-color: rgb(209, 159, 233); font-size: 10px; background-position-x: 50%;">服务中</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end;width:30%">
            <view class="matron_price sk-transparent sk-text-14-2857-386 sk-text">￥9800</view>
          </view>
          <view class="text_grip">
            <view class="matron_department sk-transparent sk-text-14-2857-571 sk-text">第一门店</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end">
            <view class="matron_button sk-transparent sk-text-20-0000-131 sk-text" style="background-position-x: 50%;">预定</view>
          </view>
        </view>
      </navigator>
      <navigator class="guess-item">
        <view style="position:relative">
          <image class="image sk-image" mode="aspectFill" style="position:absolute;z-index:999"></image>
          <image class="image sk-image" mode="aspectFill"></image>
        </view>
        <view class="matron_text">
          <view class="text_grip" style="width:70%">
            <view class="matron_name sk-transparent sk-text-14-2857-779 sk-text">岑元枝</view>
            <view class="matron_label sk-transparent sk-text-16-6667-274 sk-text" style="background-color: rgb(209, 159, 233); font-size: 10px; background-position-x: 50%;">服务中</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end;width:30%">
            <view class="matron_price sk-transparent sk-text-14-2857-724 sk-text">￥9000</view>
          </view>
          <view class="text_grip">
            <view class="matron_department sk-transparent sk-text-14-2857-577 sk-text">第一门店</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end">
            <view class="matron_button sk-transparent sk-text-20-0000-803 sk-text" style="background-position-x: 50%;">预定</view>
          </view>
        </view>
      </navigator>
      <navigator class="guess-item">
        <view style="position:relative">
          <image class="image sk-image" mode="aspectFill" style="position:absolute;z-index:999"></image>
          <image class="image sk-image" mode="aspectFill"></image>
        </view>
        <view class="matron_text">
          <view class="text_grip" style="width:70%">
            <view class="matron_name sk-transparent sk-text-14-2857-443 sk-text">冯胜梅</view>
            <view class="matron_label sk-transparent sk-text-16-6667-820 sk-text" style="background-color: rgb(209, 159, 233); font-size: 10px; background-position-x: 50%;">服务中</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end;width:30%">
            <view class="matron_price sk-transparent sk-text-14-2857-401 sk-text">￥20000</view>
          </view>
          <view class="text_grip">
            <view class="matron_department sk-transparent sk-text-14-2857-459 sk-text">第二门店</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end">
            <view class="matron_button sk-transparent sk-text-20-0000-837 sk-text" style="background-position-x: 50%;">预定</view>
          </view>
        </view>
      </navigator>
      <navigator class="guess-item">
        <view style="position:relative">
          <image class="image sk-image" mode="aspectFill"></image>
        </view>
        <view class="matron_text">
          <view class="text_grip" style="width:70%">
            <view class="matron_name sk-transparent sk-text-14-2857-534 sk-text">董静</view>
            <view class="matron_label sk-transparent sk-text-16-6667-508 sk-text" style="background-color: rgb(209, 159, 233); font-size: 10px; background-position-x: 50%;">服务中</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end;width:30%">
            <view class="matron_price sk-transparent sk-text-14-2857-500 sk-text">￥7000</view>
          </view>
          <view class="text_grip">
            <view class="matron_department sk-transparent sk-text-14-2857-435 sk-text">第二门店</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end">
            <view class="matron_button sk-transparent sk-text-20-0000-873 sk-text" style="background-position-x: 50%;">预定</view>
          </view>
        </view>
      </navigator>
      <navigator class="guess-item">
        <view style="position:relative">
          <image class="image sk-image" mode="aspectFill" style="position:absolute;z-index:999"></image>
          <image class="image sk-image" mode="aspectFill"></image>
        </view>
        <view class="matron_text">
          <view class="text_grip" style="width:70%">
            <view class="matron_name sk-transparent sk-text-14-2857-150 sk-text">周良洪</view>
            <view class="matron_label sk-transparent sk-text-16-6667-540 sk-text" style="background-color: rgb(209, 159, 233); font-size: 10px; background-position-x: 50%;">服务中</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end;width:30%">
            <view class="matron_price sk-transparent sk-text-14-2857-625 sk-text">￥30000</view>
          </view>
          <view class="text_grip">
            <view class="matron_department sk-transparent sk-text-14-2857-891 sk-text">第二门店</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end">
            <view class="matron_button sk-transparent sk-text-20-0000-292 sk-text" style="background-position-x: 50%;">预定</view>
          </view>
        </view>
      </navigator>
      <navigator class="guess-item">
        <view style="position:relative">
          <image class="image sk-image" mode="aspectFill" style="position:absolute;z-index:999"></image>
          <image class="image sk-image" mode="aspectFill"></image>
        </view>
        <view class="matron_text">
          <view class="text_grip" style="width:70%">
            <view class="matron_name sk-transparent sk-text-14-2857-145 sk-text">白仁梅</view>
            <view class="matron_label sk-transparent sk-text-16-6667-923 sk-text" style="background-color: rgb(209, 159, 233); font-size: 10px; background-position-x: 50%;">服务中</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end;width:30%">
            <view class="matron_price sk-transparent sk-text-14-2857-131 sk-text">￥13000</view>
          </view>
          <view class="text_grip">
            <view class="matron_department sk-transparent sk-text-14-2857-383 sk-text">第二门店</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end">
            <view class="matron_button sk-transparent sk-text-20-0000-459 sk-text" style="background-position-x: 50%;">预定</view>
          </view>
        </view>
      </navigator>
      <navigator class="guess-item">
        <view style="position:relative">
          <image class="image sk-image" mode="aspectFill" style="position:absolute;z-index:999"></image>
          <image class="image sk-image" mode="aspectFill"></image>
        </view>
        <view class="matron_text">
          <view class="text_grip" style="width:70%">
            <view class="matron_name sk-transparent sk-text-14-2857-150 sk-text">周良洪</view>
            <view class="matron_label sk-transparent sk-text-16-6667-540 sk-text" style="background-color: rgb(209, 159, 233); font-size: 10px; background-position-x: 50%;">服务中</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end;width:30%">
            <view class="matron_price sk-transparent sk-text-14-2857-625 sk-text">￥30000</view>
          </view>
          <view class="text_grip">
            <view class="matron_department sk-transparent sk-text-14-2857-891 sk-text">第二门店</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end">
            <view class="matron_button sk-transparent sk-text-20-0000-292 sk-text" style="background-position-x: 50%;">预定</view>
          </view>
        </view>
      </navigator>
      <navigator class="guess-item">
        <view style="position:relative">
          <image class="image sk-image" mode="aspectFill" style="position:absolute;z-index:999"></image>
          <image class="image sk-image" mode="aspectFill"></image>
        </view>
        <view class="matron_text">
          <view class="text_grip" style="width:70%">
            <view class="matron_name sk-transparent sk-text-14-2857-145 sk-text">白仁梅</view>
            <view class="matron_label sk-transparent sk-text-16-6667-923 sk-text" style="background-color: rgb(209, 159, 233); font-size: 10px; background-position-x: 50%;">服务中</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end;width:30%">
            <view class="matron_price sk-transparent sk-text-14-2857-131 sk-text">￥13000</view>
          </view>
          <view class="text_grip">
            <view class="matron_department sk-transparent sk-text-14-2857-383 sk-text">第二门店</view>
          </view>
          <view class="text_grip" style="justify-content:flex-end">
            <view class="matron_button sk-transparent sk-text-20-0000-459 sk-text" style="background-position-x: 50%;">预定</view>
          </view>
        </view>
      </navigator>
    </view>
 

</template>
<style lang="scss">
/* #ifdef H5 */
@import url(./style/matronlist.scss);

/* #endif */
.sk-transparent {
color: transparent !important;
}
.sk-text-14-2857-868 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text {
background-origin: content-box !important;
background-clip: content-box !important;
background-color: transparent !important;
color: transparent !important;
background-repeat: repeat-y !important;
}
.sk-text-16-6667-755 {
background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
background-size: 100% 28.8462rpx;
position: relative !important;
}
.sk-text-14-2857-386 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-14-2857-571 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-20-0000-131 {
background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
background-size: 100% 38.4615rpx;
position: relative !important;
}
.sk-text-14-2857-779 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-16-6667-274 {
background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
background-size: 100% 28.8462rpx;
position: relative !important;
}
.sk-text-14-2857-724 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-14-2857-577 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-20-0000-803 {
background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
background-size: 100% 38.4615rpx;
position: relative !important;
}
.sk-text-14-2857-443 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-16-6667-820 {
background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
background-size: 100% 28.8462rpx;
position: relative !important;
}
.sk-text-14-2857-401 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-14-2857-459 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-20-0000-837 {
background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
background-size: 100% 38.4615rpx;
position: relative !important;
}
.sk-text-14-2857-534 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-16-6667-508 {
background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
background-size: 100% 28.8462rpx;
position: relative !important;
}
.sk-text-14-2857-500 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-14-2857-435 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-20-0000-873 {
background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
background-size: 100% 38.4615rpx;
position: relative !important;
}
.sk-text-14-2857-150 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-16-6667-540 {
background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
background-size: 100% 28.8462rpx;
position: relative !important;
}
.sk-text-14-2857-625 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-14-2857-891 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-20-0000-292 {
background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
background-size: 100% 38.4615rpx;
position: relative !important;
}
.sk-text-14-2857-145 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-16-6667-923 {
background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
background-size: 100% 28.8462rpx;
position: relative !important;
}
.sk-text-14-2857-131 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-14-2857-383 {
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
background-size: 100% 37.6923rpx;
position: relative !important;
}
.sk-text-20-0000-459 {
background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
background-size: 100% 38.4615rpx;
position: relative !important;
}
.sk-image {
background: #EFEFEF !important;
}
.sk-pseudo::before, .sk-pseudo::after {
  color: transparent !important;
}
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

</style>